$(function () {
    // 获取用户个人的信息
    getUserInfo()
    // 实现退出功能
    $('#btnLoginOut').on('click', function () {

        layer.confirm('确定退出吗?', {icon: 3, title:'提示'}, function(index){
            //do something
            // 清楚存储在浏览器的本地缓存
            localStorage.removeItem('token');
            // 重定向到首页
            location.href = '/login.html'
            
            layer.close(index);
          });
      
    })
})


function renderAvatar(userinfo) {

    // 渲染个人用户名
    var name = userinfo.nickname || userinfo.username;
    $('#welcome').html('欢迎&emsp;' + name);

    // 控制个人用户头像
    if (userinfo.user_pic !== null) {
        $('.text-avatar').hide();
        $('.layui-nav-img').attr('src', userinfo.user_pic).show();
      
    }
    else {
        $('.layui-nav-img').hide();

        $('.text-avatar').html(userinfo.username[0].toUpperCase()).show();

    }
}

function getUserInfo() {
    $.ajax({
        method:"GET",
        url: '/my/userinfo',
        // headers: {
        //     Authorization: localStorage.getItem('token') || ''
        // },
        success: function (res) {
            console.log(res);
            if (res.code !== 0) {
                return layui.layer.msg('获取用户信息失败！')
            }

            // 渲染个人头像 
            renderAvatar(res.data)
        }
         




    })
}